<template>
  <div class="box">
    <!-- 在{{}}插值语法中使用数据的时候，可以在数据后边添加一个管道符| 管道符后跟上一个过滤器 -->

    <h1>身高是{{ height | percentage(2) }}</h1>
    <h1>体重是{{ weight | percentage(3) }}</h1>
  </div>
</template>

<script>
  // import Item from "./components/Item.vue"

  export default {
    name: "App",
    components: {
      // Item
    },
    data() {
      return {
        height: 185.57745,
        weight: 140.32466,
      };
    },
    filters: {
      // 第一个参数是要过滤的数据
      percentage(data, arg) {
        return data.toFixed(arg);
      },
    },
  };
</script>

<style>
  /* .box{
    background: lightblue;
  } */
</style>
